<!DOCTYPE html>
<html>
	<!--这是一个注释 Ctrl+Shift+/ 或Ctrl+/  -->
	<head><!-- 头部信息 -->
		<meta charset="utf-8">
		<title>金帮嘉诚是一个....</title>
	</head>
	<body>
		<!-- 这是Html的注释，Hbulilder复制一行 ctrl+v ctrl+v 剪切ctrl+x -->
		<!-- 调整行的位置 ctrl上下箭头 -->
		<!-- 1.标题 h1-h6 -->
		<!-- 2.列表 ul li ol li -->
		<!-- 3.图片 img -->
		<!-- 绝对路径 不用
		 相对路径： ./同级目录 ../项目根目录 -->
		<!-- 4.超链接 a
		跳转到链接  和  跳转到指定a标签处
		-->
		<!-- 5.input
		text password week date number
		checkbox radio
		button submit
		-->
		<a name="_top">name值为_top</a><br />
		<!-- 1.h1 h2 h3 h4 h5 h6 -->
		<h1>1</h1>
		<h2>2</h2>
		<h3>3</h3>
		<h4>4</h4>
		<h5>5</h5>
		<h6>6
		<select name="choose">
			<option>11</option>
			<option>22</option>
			<option>33</option>
			<option>44</option>
		</select>
		</h6>
		<br />
		<!--2. ul+li没有标号 unordered list   list item
		ol+li有顺序的标号 ordered list-->
		<ul type="disc">
			<li>如何看待台湾民众百米冲刺争打疫苗残剂？</li>
			<li>和同事相处最忌讳的是什么？</li>
			<li>若干年后，《原神》会以什么样的身份被记录在中国游戏史上?</li>
			<li>如何看待网信办通知应用商店下架滴滴出行 App ？</li>
		</ul>
		
		<ol type="i">
			<li>a</li>
			<li>b</li>
			<li>c</li>
			<li>d</li>
		</ol>
		<!-- 3.图片 img
		     src 路径 :同级直接文件名或./文件名 
			 下一级 文件夹名/文件名 或./文件夹名/文件名
			 width 指定宽度 单位px
			 height 高度
			 
			 先找同级元素-->
		<!-- 绝对路径 用web打开无法识别 直接双击打开文件才可以识别-->
		<!-- 项目路径 -->
		<img src="../imgs/Bingbing_1.jpg" />
		<!-- 同级 -->
		<img src="../view.jpg" />
		<img src="../view.jpg" />
		<!-- 下级 -->
		<img src="../imgs/Bingbing_1.jpg" border="10px"width="30%"height="30%" />
		<img src="../imgs/Bingbing_2.jpg" border="10px"width="30%"height="30%" />
		<br />
		<!-- 4.超链接 -->
		<!-- 新窗口打开 -->
		<a href = "http://www.baidu.com"target="_blank">新窗口打开***百度***</a><br />
		<!-- 原窗口打开 -->
		<a href = "http://www.baidu.com">原窗口打开***百度***</a><br />
		<!-- 锚定，返回顶部 -->
		<a href="#_top">返回顶部a标签name属性值是_top的位置</a>
		<br />
		<!-- 5.input -->
		<input type="text"/> 11 11 11<br /><!-- text文本 -->
		<input type="password" /><br /><!-- password密码 -->
		
		<input type="radio" name="1"/>1<!-- radio单选框不可取消 -->
		<input type="radio" name="1"/>2
		<input type="radio" name="1"/>3<br />
		
		<input type="number" /><br /><!-- number输入、显示数字 -->
		<input type="week" /><br /><!-- week年周框 -->
		<input type="date" /><br /><!-- week年周框 -->
		<!-- checkbox多选框可取消 -->
		<input type="checkbox" name="1" />1
		<input type="checkbox" name="1"/>2
		<input type="checkbox" name="1"/>3<br />
		
		<input type="button" value="点我一下"/><br /><!-- button按钮 -->
		<input type="submit" value="提交数据"/><br /><!-- submit提交按钮 -->
	</body>
</html>
